<div class="container" style="width: 800px;">
    <form class="form-horizontal" id="item-form">
        <div class="form-group">
            <label class="control-label col-sm-2">Bảng:</label>
            <div class="col-sm-4">
                <div class="form-control-static" ><%= data.table %></div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-2">Class:</label>
            <div class="col-sm-4">
                <div class="form-control-static" ><%= data.class %></div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-2">Đường dẫn:</label>
            <div class="col-sm-4">
                <div class="form-control-static" ><%= data.path %></div>
            </div>
        </div>
    </form>
    <table  class="table table-striped table-bordered table-responsive">
        <thead>
            <tr class="success" >
                <th class="text-center">Kiểu</th>
                <th class="text-center">Thuộc tính</th>
                <th class="text-center">Chú thích</th>                             
                <th class="text-center">Thông tin cấu hình</th>                             
            </tr>
        </thead>
        <tbody>
            <% $.each(data.col, function(index, col){ %>
            <tr class="<%= (col.remove)?'danger':'' %>" >
                <td class="text-center" style="vertical-align: middle" >
                    <%= (col.remove)?'Thuộc tính ngoài':((col.id)?'Khóa chính':'') %></td>                         
                <td class="text-center" style="vertical-align: middle" ><%= col.name %></td>                         
                <td class="text-center" style="vertical-align: middle" ><%= col.comment %></td>                         
                <td>
                    <% $.each(col.properties, function(key, property){ %>
                    <p>
                        <%= property.key %>: <%= property.value %>
                    </p>
                    <% }) %>
                </td>                         
            </tr>
            <% }) %>
        </tbody>
    </table>
</div>